
/* 
    Document   : default
    Created on : 11 déc. 2012, 14:10:03
    Author     : Laurent Sittler & Alexandre GOMEZ
    Description:
        Feuille de style par défaut
*/

/* =Summary
    1.=GENERAL
    2.=MESSAGE
    3.=REQUETE
    4.=LOGIN
    5.=PAGE
*/


/*== GENERAL ==*/
/*
 * Content position page
*/
html, body
{
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    height: 100%;
    min-width: 1000px;
    font-family: fantasy;
}

/*
 * Style links
*/
a,
a:active,
li, li:active,
input::-moz-focus-inner
{
    outline: none;
    border: 0px;
}

/*
 * Style line
*/
hr
{
    width: 100%;
    height: 1px;
    border: 0px;
    background-color: #cccccc;
}

/*
 * Style Input
*/
input[type=submit],
.btn
{
    background: -ms-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
    border: 1px solid #093C75;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 1px 0 #FFFFFF;
    -moz-box-shadow: 0 1px 0 #FFFFFF;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    -moz-text-shadow: 0 1px 1px #333333;
    -webkit-text-shadow: 0 1px 1px #333333;
    text-shadow: 0 1px 1px #333333;
    text-transform: uppercase;
    margin-left: 5px;
}

/*
 * Style input hover
*/
input[type=submit]:hover,
.btn:hover
{
    background: -ms-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
    border-color: #093C75;
    text-decoration: none;
}

/*
 * Style input active
*/
input[type=submit]:active,
.btn:active
{
    background: -ms-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
    border-color: #093C75;
    outline: medium none;
}

/*
 * Style input text
*/
input[type=text],
input[type=number],
input[type=password]
{
    padding-left: 5px;
    border: 1px solid #CECECE;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

/*
 * Style input number
*/
input[type=number]
{
    width: 50px;
}

/*
 * Style input text focus
*/
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus
{
    border: 1px solid #0066ff;
    color: blue;
    background-color: #ffff99;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

/*
 * Style title
*/
div#title
{
    font-size: 1.6em;
    color: orange;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

/*
 * Style span in title
*/
div#title span
{
    font-style: italic;
    color: #0000cc;
}

/*== MESSAGE ==*/
/*
 * Style message
*/
#eMessage
{
    display: none;
    width: 350px;
    min-height: 25px;
    margin: auto;
    border: 2px solid #ff0000;
    background-color: #fdb3b3;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

/*
 * 
*/
.isValide
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
    background-position: 0px -1968px;
}

/*
 * 
*/
.isInvalide
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
    background-position: 0px -416px;
}

/*== REQUETE ==*/
/*
 * Textarea Request size
*/
article fieldset textarea.lined{
    width: 97%;
    height: 200px;
}

/*
 *  Textarea Request style number line
*/
article fieldset .linedwrap
{
    border: 1px solid #c0c0c0;
    padding: 3px;
    margin-bottom: 10px;
}

article fieldset .linedtextarea
{
    padding: 0px;
    margin: 0px;
}

article fieldset .linedtextarea textarea, .linedwrap .codelines .lineno
{
    font-size: 10pt;
    font-family: monospace;
    line-height: normal !important;
}

article fieldset .linedtextarea textarea
{
    padding-right:0.3em;
    padding-top:0.3em;
    border: 0;
}

article fieldset .linedwrap .lines
{
    margin-top: 0px;
    width: 35px !important;
    float: left;
    overflow: hidden;
    margin-right: 5px;
}

article fieldset .linedwrap .codelines
{
    padding-top: 5px;
}

article fieldset .linedwrap .codelines .lineno
{
    color:#AAAAAA;
    padding-right: 0.5em;
    padding-top: 0.0em;
    text-align: right;
    white-space: nowrap;
}

article fieldset .linedwrap .codelines .lineselect
{
    color: red;
}

/*
 * Style Accordion
*/
article #accordion div[id^=ui-accordion-accordion-panel]
{
    border: 1px solid #CECECE;
    border-top: 0px;
}

/*
 * Style accordion active
*/
article #accordion .ui-state-active
{
    background: url("../images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #D7EBF9;
    color: #cd0a0a;
}

/*
 * Style chart content
*/
article #accordion .pieChart
{
    width: 400px;
    margin: auto;
    border: 1px solid #CECECE;
     border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

/*
 * Description form
*/
article .description
{
    font-style: italic;
    color: #AAAAAA;
    font-size: 0.8em;
}

/*== LOGIN ==*/
/*
 * Align content center login page
*/
section#login
{
    text-align: center;
}

/*
 * Style fieldset
*/
section#login fieldset
{
    width: 300px;
    background: -ms-linear-gradient(90deg, #0099cc, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(90deg, #0099cc, #FFFFFF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(90deg, #0099cc, #FFFFFF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(90deg, #0099cc, #FFFFFF) repeat scroll 0 0 transparent;
    border: 2px solid #0066cc;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0 0 15px #AAAAAA;
    -moz-box-shadow: 0 0 15px #AAAAAA;
    box-shadow: 0 0 15px #AAAAAA;
    margin: 60px auto 0;
    padding: 20px;
    padding-top: 10px;
}

/*
 * Style legend login page
*/
section#login fieldset #legend
{
    position: relative;
    top: -25px;
    width: 150px;
    height: 20px;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px;
    padding-top: 2px;
    border: 2px solid #0066cc;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #FFFFFF;
}

/*
 * Size input login page 
*/
section#login input[type=text],
section#login input[type=password]
{
    width: 200px;
    height: 30px;
    padding-left: 35px;
}

/*
 * Paragraphe style
*/
section#login p.field
{
    position: relative;
}

/*
 * Icons field
*/
section#login p.field i
{
    left: 34px;
    top: 2px;
    position: absolute;
    padding-top: 5px;
    height: 26px;
    width: 32px;
    text-align: center;
    background: -ms-linear-gradient(0deg, #FAFAFA, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(0deg, #FAFAFA, #FFFFFF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(0deg, #FAFAFA, #FFFFFF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(0deg, #FAFAFA, #FFFFFF) repeat scroll 0 0 transparent;
    border-right : 1px solid #C1C1C1;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

/*
 * Position button login page
*/
section#login input[type=submit]
{
    float: right;
    margin-right: 30px;
    margin-top: 15px;
}

/*
 * Footer login page
*/
footer
{
    font-size: 0.6em;
    text-align: right;
    padding-right: 10%;
    margin-top: 50px
}

/*== PAGE ==*/
/*
 * Databases menu
*/
nav
{
    clear: both;
    float: left;
    width: 20%;
    min-width: 200px;
    min-height: 100%;
    border-right: 0px;
    -moz-box-shadow: 5px 0px 5px #888;
    -webkit-box-shadow: 5px 0px 5px #888;
    box-shadow: 5px 0px 5px #888;
    vertical-align: top;
    background: -ms-linear-gradient(0deg, #0066cc, #0099cc) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(0deg, #0066cc, #0099cc) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(0deg, #0066cc, #0099cc) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(0deg, #0066cc, #0099cc) repeat scroll 0 0 transparent;
    padding-left: 5px;
    color: #FFFFFF;
}

/*
 * Style links speed databases menu
*/
nav #speedLink
{
    text-align: center;
}

/*
 * Style link select database
*/
nav #speedLink a,
nav #speedLink button
{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0px;
    background-color: transparent;
    background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
    text-decoration: none;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
}

/*
 * Speed link disconnect
*/
nav #speedLink .disconnect
{
    background-position: 0px -1936px;
}

/*
 * Speed link help
*/
nav #speedLink .help
{
    background-position: 0px -353px;
}

/*
 * Speed link home
*/
nav #speedLink .home
{
    background-position: 0px -640px;
}

/*
 * Speed link Add Database
*/
nav #speedLink a.addBDD
{
    background-position: 0px -784px;
}

/*
 * Section Database
*/
nav h4
{
    display: block;
    width: 100%;
    text-align: center;
}

/*
 * Style database link select
*/
nav .bddLink
{
    display: block;
    width: 100%;
    padding-left: 20px;
    color: inherit;
    text-decoration: none;
    text-align: left;
    background-image: url("../images/database.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    transition-duration: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    border: 0px;
}

/*
 * Style database link select hover
*/
nav .bddLink:hover
{
    background-color: #0BCDFF;
    transition-duration: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

/*
 * Logo database menu
*/
img#logo
{
    display: block;
    margin: auto;
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*
 * Form add user
*/
#dialog-form-profil label,
#dialog-form-profil input,
#dialog-db label,
#dialog-db input
{
    display: block;
}

/*
 * 
*/
#dialog-form-profil input.text,
#dialog-db input.text
{
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}

/*
 * 
*/
#dialog-form-profil fieldset,
#dialog-db fieldset
{
    padding: 0;
    border: 0;
    margin-top: 10px;
}

/*
 * Style title page
*/
#dialog-form-profil h1,
#dialog-db h1
{
    font-size: 1.2em;
    margin: .6em 0;
}

/*
 *
*/
#dialog-form-profil div#users-contain,
#dialog-db div#users-contain
{
    min-width: 350px;
    margin: 20px 0;
}

/*
 *
*/
#dialog-form-profil div#users-contain table,
#dialog-db div#users-contain table
{
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}

/*
 *
*/
#dialog-form-profil div#users-contain table td,
#dialog-form-profil div#users-contain table th,
#dialog-db div#users-contain table td,
#dialog-db div#users-contain table th
{
    border: 1px solid #eee;
    padding: .6em 10px;
    text-align: left;
}

/*
 *
*/
#dialog-form-profil .ui-dialog .ui-state-error,
#dialog-db .ui-dialog .ui-state-error
{
    padding: .3em;
}

/*
 *
*/
#dialog-form-profil .validateTips,
#dialog-db .validateTips
{
    border: 1px solid transparent;
    padding: 0.3em;
}

/*
 * Header page (User > Database)
*/
header
{
    background-color: #093C75;
    padding: 3px;
    padding-left: 10px;
    color: #FFFFFF;
    font-size: 0.8em;
}

/*
 * Icone user header
*/
header #iUser
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
    background-position: 0px -2064px;
    margin-right: 5px;
}

/*
 * Format style button user password change
*/
header button
{
    background-color: transparent !important;
    background-image: none !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 20px !important;
}

/*
 * Content in button
*/
header button span
{
    color: #FFFFFF !important;
    margin: 0px !important;
    padding: 0px !important;
    font-weight: normal !important;
}

/*
 * Cursor mouse butto user
*/
header button:hover
{
    cursor: pointer;
}

/*
 *
*/
header span
{
    position: relative;
    top: -2px;
    color: greenyellow;
    font-size: 1.2em;
    vertical-align: top;
}

/*
 * Section page
*/
section#sdefault
{
    display: inline-block;
    height: auto;
    min-height: 100%;
    width: 78%;
    min-width: 550px;
    vertical-align: top;
    padding-left: 10px
}

/*
 * Style Tabs
*/
article div#tabs  li a[id^=ui-id] span
{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
}

/*
 * Icon profil tab
*/
article div#tabs  li a[id^=ui-id] span.profil
{
    background-position: 0px -1808px;
}

/*
 * Icon BDD tab
*/
article div#tabs  li a[id^=ui-id] span.bdd
{
    background-position: 0px -1424px;
}

/*
 * Icon etat tab
*/
article div#tabs  li a[id^=ui-id] span.etat
{
    background-position: 0px -2097px;
}

/*
 * Icon user tab
*/
article div#tabs  li a[id^=ui-id] span.user
{
    background-position: 0px -2064px;
}

/*
 * Icon sql tab
*/
article div#tabs  li a[id^=ui-id] span.sql
{
    background-position: 0px -1136px;
}

/*
 * Icon log tab
*/
article div#tabs  li a[id^=ui-id] span.log
{
    background-position: 0px -1376px;
}

/*
 * Article page
*/
article
{
    height: 100%;
}

/*
 * header table
*/
article .tableContent th
{
    background: #d7ebf9 url("../images/ui-bg_glass_80_d7ebf9_1x400.png");
    background-position: 50% 50%;
    background-repeat:  repeat-x;
    padding: 5px;
    font-size: 0.8em;
    border-right: 1px solid #FFFFFF;
}

/*
 *
*/
article .tableContent
{
    border-collapse: collapse;
}

/*
 * Row color
*/
article .tableContent .style
{
    background-color: #DDDDFF;
}

/*
 * Padding TD table
*/
article .tableContent td
{
    padding: 2px;
}

/*
 * Total Row
*/
article .tableContent .total
{
    font-weight: bold;
    background-color: #093C75;
    color: #fff;
}

/*
 * Total row hover
*/
article .tableContent .total:hover
{
    color: #000;
}

/*
 * ChContent chart pourcent Memory
*/
article .tableContent .pourcent
{
    margin: 2px;
    border: 1px solid #CECECE;
    text-align: center;
    height: 20px;
    background: -ms-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
}

/*
 * Pourcent Result color (green)
*/
article .tableContent .pourcentResult
{
    display: inline-block;
    float: left;
    height: 20px;
    background: -ms-linear-gradient(-90deg, #09FF09, #00D800) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(-90deg, #09FF09, #00D800) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(-90deg, #09FF09, #00D800) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(-90deg, #09FF09, #00D800) repeat scroll 0 0 transparent;
}

/*
 * Center pourcent number
*/
article .tableContent .pValue
{
    display: inline-block;
    position: relative;
    top: -20px;
    width: 100%;
    height: 20px;
    z-index: 1;
}

/*
 * Hover row table
*/
article .tableContent tr:hover
{
    background: -ms-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
}

/*
 * table log
*/
article .pager
{
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-left: 10px; 
    /*border-radius: 8px;
    -moz-border-radius: 8px;*/
}

/*
 * Footer table select page log
*/
article .pager div.short
{
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    width: 120px;
}

/*
 * List number page log
*/
article .pager ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 4px;
}

/*
 * Number page log
*/
article .pager ul li
{
    display: inline;
    margin-left: 4px;
}

/*
 * Link page log
*/
article .pager ul li a
{
    text-decoration: none;
    display: inline-table;
    padding: 2px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

/*
 *
*/
article .pager span
{
    margin-top: 2px;
    margin-left: 4px;
    float: left;
}

/*
 * Number page log selected
*/
article .pager .disabled
{
    color: #A0A0A0 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}

/*
 * Normal number page log select
*/
article .blue.normal
{
    border: solid 1px #093C75;
}

/*
* Blue style footer table log
*/
article .blue.active
{
    background-color: #DDDDFF;
    font-weight: bold;
}

/*
 * Fieldset forms
*/
article fieldset
{
    background-color: #F3F3F3;
    border: 1px solid #DFDFDF;
    margin-top: 20px;
}

/*
 * Custom legend fieldset form
*/
article fieldset .legend
{
    display: block;
    position: relative;
    top: -15px;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    width: auto;
    max-width: 350px;
    padding: 2px;
    -webkit-box-shadow: 0 0 15px #AAAAAA;
    -moz-box-shadow: 0 0 15px #AAAAAA;
    box-shadow: 0 0 15px #AAAAAA;
}

/*
 * Header form style
*/
article fieldset .legend span
{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-left: 5px;
    background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
}

/*
 * Header form remove User
*/
article fieldset .legend span.dUser
{
    background-position: 0px -1328px;
}

/*
 * Header form add User
*/
article fieldset .legend span.aUser
{
    background-position: 0px -1296px;
}

/*
 * Header form remove Database
*/
article fieldset .legend span.dDB
{
    background-position: 0px -208px;
}

/*
 * Header form add Database
*/
article fieldset .legend span.aDB
{
    background-position: 0px -784px;
}

/*
 * 
*/
article fieldset .legend span.ePwd
{
    background-position: 0px -880px;
}

/*
 * Header form sql request
*/
article fieldset .legend span.sql
{
    background-position: 0px -1730px;
}

/*
 * Default footer page
*/
footer#fdefault
{
    clear: both;
    margin: 0px;
    text-align: center;
    background: -ms-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(-90deg, #F3F3F3, #DFDFDF) repeat scroll 0 0 transparent;
    border-top: 1px solid #CECECE;
    padding: 5px;
    margin-top: 2px;
}